<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/normalize.css@8.0.1/normalize.css">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/css/mdui.min.css"
    integrity="sha384-cLRrMq39HOZdvE0j6yBojO4+1PrHfB7a9l5qLcmRm/fiWXYY+CndJPmyu5FV/9Tw" crossorigin="anonymous" />
  <link rel="stylesheet" href="//at.alicdn.com/t/font_2807285_07ie9v64myr7.css">

  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>

<body>

  <div class="toolbar">
    <div class="mdui-appbar">
      <div class="mdui-toolbar mdui-color-blue">
        <a onclick="window.location.href='.\\'" class="mdui-btn mdui-btn-icon"><i
            class="mdui-icon material-icons">home</i></a>
        <a href="javascript:;" class="mdui-typo-headline">家校智联盒子网页版</a>

        <div class="mdui-toolbar-spacer"></div>
        <a class="mdui-btn mdui-btn-icon" mdui-tooltip="{content: '登录'}" mdui-dialog="{target: '#unOK'}"><i
            class="mdui-icon material-icons"><i class="mdui-icon material-icons">account_circle</i></i></a>
      </div>
    </div>
  </div>

  <div class="mdui-dialog" id="unOK">
    <div class="mdui-dialog-content">此功能正在开发中！</div>
    <div class="mdui-dialog-actions">
      <button class="mdui-btn mdui-ripple" mdui-dialog-confirm>了解</button>
    </div>
  </div>

  <div class="mainpage mdui-container">

    <div class='home'>
      <h1>家校智联盒子网页版</h1>

      <ul class='features-list mdui-shadow-5 mdui-hoverable mdui-row'>
        <li class='mdui-col-md-3'>
          <i class="iconfont icon-ziyuan75"></i>
          <p>操作简单</p>
          <p>家校智联盒子连小白都能快速掌握！</p>
        </li>
        <li class='mdui-col-md-3'>
          <i class="iconfont icon-icon_huabanfuben"></i>
          <p>数据共享</p>
          <p>实时数据共享，一个班同时可以若干台电脑登陆</p>
        </li>
        <li class='mdui-col-md-3'>
          <i class="iconfont icon-rocket"></i>
          <p>操作次数少</p>
          <p>快速写入数据，减少您花费的时间</p>
        </li>
        <li class='mdui-col-md-3'>
          <i class="iconfont icon-kuai"></i>
          <p>快速创建</p>
          <p>几分钟就能创建管理您的班级</p>
        </li>
      </ul>
    </div>

    <div class="mdui-panel introduction" mdui-panel>

      <div class="mdui-panel-item">
        <div class="mdui-panel-item-header">
          <i class="mdui-icon material-icons">pageview</i>
          &nbsp展开/收起介绍
        </div>
        <div class="mdui-panel-item-body">
          <p>
            《家校智联盒子》是一款方便了老师（管理员）统计班级学生操行情况和家长查看学生在校操行情况的智能化平台，可以使用电脑或智能手机登录服务器进行管理和查看学生操行情况。家长使用电脑或手机通过给定的账号密码登录就可以随时掌握学生在校的操行情况。通过本软件，能让家庭教育和学校教育更好地结合起来，促进教育的发展。它具有界面清晰、简单易懂和操作简单的特点。
          </p>
          <div class='teacher-introduction mdui-col-xs-6'>
            <p>教师端：</p>
            <p>测试注册班名：tmp</p>
            <p>测试账号：tmp</p>
            <p>测试密码：tmp</p>
          </div>
          <div class='parents-introduction
          mdui-col-xs-6'>
            <p>家长端：</p>
            <p>班级标识名：tmp</p>
            <p>姓名：学生的中文姓名（可登陆教师端查看）</p>
            <p>密码：jxzlhz</p>
          </div>
        </div>

      </div>

      <br>

      <div class='mdui-row'>
        <div class='features mdui-card mdui-col-xs-6'>
          <div class='mdui-card-header'>
            <p>我们的后台</p>
          </div>
          <div class="mdui-card-content">
            <div><span>服务器采用SSD磁盘，读写速度更快</span></div>
            <div><span>我们网站的核心代码脱离IIS等服务端，数据更安全</span></div>
            <div><span>每一个用户都拥有自己独立的文件夹，互不相通，更好防御非法窃取</span></div>
            <div><span>我们对每位学生都设置有自己的目录和登记日期，一目了然，并且优化读写速度</span></div>
            <div><span>拒绝垂直访问您的重要目录及文件，提高了安全性</span></div>
            <div><span>编程语言不是专门对网页而设立的编程语言，漏洞很难被找出</span></div>
            <div><span>服务器24小时在线，时时刻刻都能进行数据、学生操作</span></div>
          </div>
        </div>

        <div class="updateLog mdui-card mdui-col-xs-6">
          <div class='mdui-card-header'>
            <p>家校智联盒子全新升级</p>
          </div>
          <div class="mdui-card-content">
            <div><span>使用SSL证书加密和HTTPS协议，数据难以被劫持</span></div>

            <div><span>设置并延长Cookie的保存时间，无需每次重新输入</span></div>
            <div><span>界面全新升级，减小操作难度</span></div>
          </div>
        </div>
      </div>

      <br>
      <div class='start'>
        <!--进入后台-->

        <div class="teacher">
          <button type="button" class='mdui-btn mdui-ripple mdui-color-light-blue teacher-button'
            onclick="window.location.href='../function/login.php'">
            <i class="mdui-icon material-icons .mdui-icon-left">play_arrow</i>进入教师端</button>
        </div>

        <div class="parents">
          <button class='mdui-btn mdui-ripple mdui-color-cyan parents-button'
            onclick="window.location.href='../function/parents.php?file=login.html'">
            <i class="mdui-icon material-icons .mdui-icon-left">play_arrow</i>进入家长端</button>
        </div>

      </div>

      <br>


    </div>
  </div>
  </div>


</body>

<script src="https://cdn.jsdelivr.net/npm/mdui@1.0.1/dist/js/mdui.min.js"
  integrity="sha384-gCMZcshYKOGRX9r6wbDrvF+TcCCswSHFucUzUPwka+Gr+uHgjlYvkABr95TCOz3A" crossorigin="anonymous"></script>

</html>